.login-page{
    background-image: url('../../assets/img/bg1.png');
    background-size: cover;
    height: 100%;
    position: relative;

    .login-page-panl{
        background-color:rgba(41, 108, 154, 0.7);
        width:500px;
        height: 250px;
       position: absolute;
       top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        .error-msg {
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            height: 30px;
            width: 100%;
            background: #f60c1a;
            color: #ffffff;
            font-size: 16px;
            transform: translateY(-30px);
            transition: all .3s;
            &.show {
              visibility: visible;
              transform: translateY(0);
            }
          }
        .login-form {
            max-width: 300px;
           margin:50px auto;
            
            .login-form-button {
                width: 100%;
              }
          }
    }


    
      
      
}